Skip to content

Lighthouse & GA4 upgrades#424

Merged
tiffehr merged 6 commits intostagingfrom
lighthouse_fixes
Mar 5, 2026
Merged

Lighthouse & GA4 upgrades#424
tiffehr merged 6 commits intostagingfrom
lighthouse_fixes

Conversation

@tiffehr
Copy link
Copy Markdown
Member

@tiffehr tiffehr commented Mar 4, 2026

[AI summary] This pull request introduces several improvements to site performance, accessibility, and font loading reliability, along with minor content and style updates. The most significant changes include enhanced font loading fallbacks, explicit image sizing for faster rendering, and improved sponsor logo accessibility. Additionally, Google Analytics tracking is enabled and some minor link and style adjustments are made.

[Tiff list]

  • add new GA4 google_analytics_id
  • Added explicit width and height attributes to all major images
  • Preloaded the main logo image in _layouts/layout_hub.html for faster initial load
  • Improved Typekit font loading in _includes/headmeta.html by adding fallback logic and timeout, and updating the CSS in media/css/style.css to use fallback fonts if Typekit fails or is slow to load

@tiffehr tiffehr self-assigned this Mar 4, 2026
@tiffehr tiffehr marked this pull request as ready for review March 5, 2026 21:17
Copilot AI review requested due to automatic review settings March 5, 2026 21:17
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR improves site performance, font loading reliability, and accessibility for the SRCCON Jekyll site. It activates GA4 analytics tracking, upgrades newsletter links from HTTP to HTTPS, enhances Typekit font loading with fallback logic and a timeout, adds explicit image dimensions to reduce Cumulative Layout Shift, preloads the main logo image, and cleans up dead/empty CSS rules.

Changes:

  • Enabled GA4 analytics tracking by setting google_analytics_id in _config.yml, and improved Typekit font loading in headmeta.html with a 1.2s timeout, class-based events, and CSS fallback rules in style.css
  • Added explicit width/height attributes to logo and sponsor images across both layout files, and added a <link rel="preload"> for the logo in layout_hub.html
  • Upgraded newsletter links from HTTP to HTTPS in homepage.md and cleaned up empty CSS rule blocks and a duplicate color declaration

Reviewed changes

Copilot reviewed 6 out of 6 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
_config.yml Activates GA4 tracking with measurement ID G-W7QDZ6VHC9
homepage.md Upgrades eepurl.com newsletter links from HTTP to HTTPS
_layouts/layout_hub.html Adds logo preload hint and explicit width/height on logo <img>
_layouts/layout.html Adds explicit width/height to logo and all sponsor <img> elements
_includes/headmeta.html Enhances Typekit loading with scriptTimeout, class events, and fonts-fallback-locked callback
media/css/style.css Adds font fallback rules for wf-loading/wf-inactive/fonts-fallback-locked states; removes empty rules and duplicate color: silver

@tiffehr tiffehr merged commit 0dc50f6 into staging Mar 5, 2026
10 checks passed
@tiffehr tiffehr deleted the lighthouse_fixes branch March 5, 2026 21:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants